<template>
  <div class="examineHistory">
    <el-dialog title="审核历史" :visible.sync="showSituation" width="70%">
      <div class="tableBox">
        <el-table
          ref="multipleTable"
          border
          :data="tableData"
          tooltip-effect="dark"
          style="width: 100%"
        >
          <el-table-column label="申请时间" width="171">
            <template slot-scope="scope">{{ scope.row.date }}</template>
          </el-table-column>
          <el-table-column prop="name" label="申请人" width="100"></el-table-column>
          <el-table-column prop="address" label="实施清单" width="100" show-overflow-tooltip></el-table-column>

          <el-table-column prop="name" label="审核内容" width="150"></el-table-column>

          <el-table-column prop="name" label="原内容" width="150"></el-table-column>

          <el-table-column prop="name" label="新内容" width="150"></el-table-column>
          <el-table-column prop="name" label="审核人" width="80"></el-table-column>
          <el-table-column prop="name" label="审核时间" width="80"></el-table-column>
          <el-table-column prop="name" label="审核结果" width="80"></el-table-column>
          <el-table-column prop="name" label="审核意见"></el-table-column>
        </el-table>
      </div>
    </el-dialog>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        showSituation: true,
         tableData: [
          {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },
          {
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },
          {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },
          {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },
          {
            date: '2016-05-08',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },
          {
            date: '2016-05-06',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },
          {
            date: '2016-05-07',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }
        ]
      };
    },
    methods: {

    }
  };
</script>

<style lang="scss">
.examineHistory {
  h2 {
    font-weight: bold;
    padding-left: 10px;
    display: flex;
    align-items: center;
    margin: 10px 0;
    span {
      margin-left: 10px;
    }
  }
  .el-dialog__header {
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
  .el-form-item__content {
    display: flex;
  }

  .deleteItem {
    color: #f00;
  }
}
</style>
